﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title></title>
    <style>
        *{margin: 0;padding: 0;}
        body{background: #eeeeee;}
        .header{width: 100%;height: 1rem;text-align: center;position: relative;border-bottom: 1px solid #eeeeee;background: #ffffff}
        .title{height: 1rem;line-height: 1rem;}
        .header .back{width: 0.2rem;height: 0.38rem;position: absolute;top: 0.31rem;left: 0.25rem;}
        .noaddress{width: 100%;text-align: center;margin-top: 2.3rem}
        .noaddress img{width: 3.6rem;height: 2.12rem}
        .noaddress p{font-size: 0.32rem;color: #999999}
        .add{width: 1.8rem;height: 0.6rem;text-align: center;line-height: 0.6rem;border: 1px solid #e6e6e6;border-radius: 0.3rem;margin: 0.3rem auto;font-size: 0.28rem;color: #666666}
    </style>
    <script>
        (function(designWidth, maxWidth) {
            var doc = document,
                win = window,
                docEl = doc.documentElement,
                remStyle = document.createElement("style"),
                tid;
            function refreshRem() {
                var width = docEl.getBoundingClientRect().width;
                maxWidth = maxWidth || 540;
                width>maxWidth && (width=maxWidth);
                var rem = width * 100 / designWidth;
                remStyle.innerHTML = 'html{font-size:' + rem + 'px;}';
            }
            if (docEl.firstElementChild) {
                docEl.firstElementChild.appendChild(remStyle);
            } else {
                var wrap = doc.createElement("div");
                wrap.appendChild(remStyle);
                doc.write(wrap.innerHTML);
                wrap = null;
            }
            refreshRem();
            win.addEventListener("resize", function() {
                clearTimeout(tid)
                tid = setTimeout(refreshRem, 300);
            }, false);
            win.addEventListener("pageshow", function(e) {
                if (e.persisted) {
                    clearTimeout(tid);
                    tid = setTimeout(refreshRem, 300);
                }
            }, false);
            if (doc.readyState === "complete") {
                doc.body.style.fontSize = "16px";
            } else {
                doc.addEventListener("DOMContentLoaded", function(e) {
                    doc.body.style.fontSize = "16px";
                }, false);
            }
        })(750, 750);
    </script>
</head>
<body>
<header class="header">
    <img class="back" src="images/back.png" onclick="javascript:history.back(-1);" alt="">
    <p class="title">收货地址</p>
</header>

<div class="container">
    <div class="noaddress">
        <img src="images/noaddress.png" alt="">
        <p>您还没有收货地址哦~</p>
    </div>

    <div class="add">新建地址</div>
</div>

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
    $(".add").click(function () {
        window.location.href="addNewAddress.html";
    })
</script>

</body>
</html>